<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${examRecord['name']}+' - 作业详情 - '+${infoMap['title']}"></title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div class="u-bg">
        <div class="container pr" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="exam_box exam-h-box pr">
                    <aside class="goBack vam text-center" id="historyGo">
                        <i class="fa fa-long-arrow-left fs24" ></i>
                    </aside>

                    <article class="exam-content text-center">
                        <h1 class="c-333 fs30" th:text="${examRecord['name']}"></h1>
                        <span class="c-999 fs16 show mt5 hLh20" th:if="!${#lists.isEmpty(examRecord['courseList'])}" th:each="course:${examRecord['courseList']}" >
                            <th:block th:text="'['+${course['courseName']}+']'"></th:block>
                        </span>
                        <section class="exam-main">
                            <ul>
                                <li>
                                    <em class="exam-icon duration"></em>
                                    <span class="fs14 c-999 show mt5">作答时长</span>
                                    <p class="fs18 mt5 pt10" th:text="${examRecord['answerTime']}==null ? '0分钟':${examRecord['answerTime']}+'分钟'"></p>
                                </li>
                                <li>
                                    <em class="exam-icon exam-txt"></em>
                                    <span class="fs14 c-999 show mt5">作业题量</span>
                                    <p class="fs18 mt5 pt10" th:text="${examRecord['questionCount']}==null ? '0':${examRecord['questionCount']}"></p>
                                </li>
                            </ul>
                        </section>

                        <a th:if="${examRecord['status']}==1 and ${examRecord['examTime']}==0" th:href="@{/web/uc/task/startTask?id={taskId}(taskId=${examRecord['id']})}" class="examBtn">
                            <button  class="btn btn-info btn-rounded fs16" id="doTheHomeWork">
                                开始作答
                            </button>
                        </a>
                        <a th:if="${examRecord['status']}==2" th:href="@{/web/uc/task/startTask?id={taskId}(taskId=${examRecord['id']})}" class="examBtn">
                            <button  class="btn btn-info btn-rounded fs16" id="lookHomeWorkResult">
                                查看结果
                            </button>
                        </a>
                        <a th:if="${examRecord['status']}==1 and ${examRecord['examTime']} > 0" th:href="@{/web/uc/task/startTask?id={taskId}(taskId=${examRecord['id']})}" class="examBtn">
                            <button  class="btn btn-info btn-rounded fs16 " id="keepAnswering">
                                继续作答
                            </button>
                        </a>
                        <span th:if="${examRecord['marking']} == 1" class="show fs14 c-danger hLh20" th:text="${examRecord['status']}!=2?'（本次作业，需后台班主任批阅后，才可查看结果！）':(' 批阅时间：'+${examRecord['updateTime']}+' 提交状态：'+(${stateType}==1?'超时提交':'正常提交'))"></span>
                        <span th:if="${examRecord['marking']} == 2" class="show fs14 c-danger hLh20" th:text="${examRecord['status']}!=2?'（本次作业无需批阅，提交后请自行查看结果！）':(' 提交时间：'+${examRecord['updateTime']}+' 提交状态：'+(${stateType}==1?'超时提交':'正常提交'))"></span>
                    </article>
                    <p class="c-info fs16 hLh20 pa latestTime">
                        最晚提交时间： <span th:text="${#strings.isEmpty(examRecord['examPaper']['endTime'])}?'无时间限制':${#dates.format(examRecord['examPaper']['endTime'],'yyyy-MM-dd HH:mm:ss')}"></span>
                    </p>
                </div>
            </section>
        </div>
    </div>
</body>
<div data-th-replace="layout/user/user-common"></div>
<script type="text/javascript" th:src="@{{path}/front/web/business/classes/task/task-info.js?v={v}(path=${staticPath},v=${v})}"></script>
</html>